import TodoListItem from "./todoListItem.js";
export default {
  props: ["todos"],
  components: {
    TodoListItem,
  },
  setup() {
    const handleCheck = (item) => {
      console.log(item);
      // todos.value.map((todo, index) => {
      //   todo.id = item.id ? todo.completed = !todo.completed : ""
      // })
    };
    return {
      handleCheck,
    };
  },
  template: `
  <todo-list-item v-for="todo in todos" :key="todo.id" @handle-check="handleCheck" :todo-item="todo"></todo-list-item>
  `,
};
